<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文章修改页</title>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
        var id = 0; //代表文章id

        function mysub(type){
            var title = jQuery("#title");
            var content = jQuery("#content");
            if(type == 2){
                //todo 清空操作
                if(confirm("确认清空?")){
                    title.val("");
                    content.val("");
                }
                return false;
            }
            //todo 非空效验
            jQuery.getJSON("update",{"id":id,"title":title.val(),"content":content.val()},function(data){
                if(data != null && data.succ == 1){
                    alert("恭喜修改成功")
                }else{
                    alert("操作失败"+data.msg);
                }
            })
        }

        jQuery(function(){
            var params = location.search;  //?id=xx
            id = params.substring(1).split("=")[1]; //拿到了id
            //1.请求后端请求当前文章详情，并将文章信息展示到页面
            jQuery.getJSON("init",{"id":id},function(data){
                if(data != null && data.succ == 1){
                    //此时查询文章成功
                    jQuery("#title").val(data.art.title);   //设置控件
                    jQuery("#content").val(data.art.content);
                }else{
                    alert("查询文章失败"+data.msg); //msg为后端返回的错误信息
                }
            })
        })
    </script>
</head>
<body>
<div style = "margin-left: 50px;margin-top: 30px;">
    <h1>文章修改</h1>
    标题:<input id="title" type = "text"><p></p>
    <!-- 正文使用多行文本 -->
    正文:<textarea style = "width:60%;heigt:300px;" id = "content">
        </textarea><p></p>
    <input value = "提 交" type = "button" onclick = "mysub(1)">
    <input value = "清 空" type = "button" onclick = "mysub(2)">
</div>

</body>
</html>